.form-floating > label {
    white-space: normal;
    height: auto; 
    line-height: 1.2;  
    padding: .4rem .75rem 0  .75rem; 
    background: white;
    margin: .6rem 0 0 0;
}
textarea.form-control {
    min-height: calc(7.5em + .75rem + 2px); 
}
@media (max-width: 1274px) {
    textarea.form-control {
        min-height: calc(8.5em + .75rem + 2px); 
        padding-top: 2.75rem!important;
  }
}
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label {
    opacity: 0.95;
    transform: scale(.99) translateY(-0.6rem) translateX(0.15rem); 
    font-size: .93rem;
}

@media (max-width: 709px) {
    textarea.form-control {
        padding-top: 3.5rem!important;
        min-height: calc(9.5em + .75rem + 2px);
    }
}
.field-container:has(textarea.required-dnnsf) > label::after {
  content: " *";
  color: red;
  font-weight: bold;
}
.form-floating:has(input.required-dnnsf) > label::after {
  content: " *";
  color: red;
  font-weight: bold;
}